<template>
	<!-- 选定绑定车牌 -->
	<view class="bindCar">
		<navigator url="../addParkingLost" open-type="navigateBack" hover-class="navigator-hover">
			<view class="bindCarBox">
				<view class="content">
					<image src="../../../../static/logo.png" mode=""></image>
					<view class="defails">
						<view class="">
							浙B·N6688
						</view>
						<view class="">
							宝马X5·白色
						</view>
					</view>
				</view>
				<view class="status">
					未绑定
				</view>
			</view>
		</navigator>
		<navigator url="../addParkingLost" open-type="navigateBack" hover-class="navigator-hover">
			<view class="bindCarBox">
				<view class="content">
					<image src="../../../../static/logo.png" mode=""></image>
					<view class="defails">
						<view class="">
							浙B·N6688
						</view>
						<view class="">
							宝马X5·白色
						</view>
					</view>
				</view>
				<view class="status">
					未绑定
				</view>
			</view>
		</navigator>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="less" scoped>
	.bindCar {
		margin: 60rpx 30rpx 0 30rpx;
		.bindCarBox {
			box-shadow: 0px 0px 10rpx rgba(0, 0, 0, 0.3);
			border-radius: 4rpx;
			padding-left: 32rpx;
			padding-right: 64rpx;
			margin-bottom: 32rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;
			height: 160rpx;

			.content {
				display: flex;
				align-items: center;

				image {
					width: 70rpx;
					height: 70rpx;
					border-radius: 50%;
					vertical-align: middle;
				}

				.defails {
					margin-left: 30rpx;

					view:nth-child(1) {
						font-size: 32rpx;
						margin-bottom: 20rpx;
					}

					view:nth-child(2) {
						font-size: 28rpx;
						color: #929292;
					}
				}
			}

			.status{
				height: 44rpx;
				width: 130rpx;
				background: #d4f6e3;
				color: #20d26e;
				border-radius: 4px;
				text-align: center;
				font-size: 26rpx;
				line-height: 44rpx;
			}
		}
	}
</style>
